﻿<div data-role="view" data-title="Trailers"
     data-bind="events:{show:show}"
     data-init="appInit.TrailersInit"
     data-layout="mt-main-layout"
     id="mt-trailers-view">
    <div id="mt-trailer-scrollview" data-role="scrollview">
    </div>
    <!-- In order for the pages to be rendered properly
        make sure that you dont leave empty spaces
        between template's script tags and the html contents.
        -->
    <script type="text/x-kendo-template" id="mt-tmpl-trailers">
        <div data-role="page"
             class="mt-trailer-item">
            <div class="mt-listitem-title">#:MovieName# </div>
            <div>
                <object width="500" height="281"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=105475850&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=5aedd0&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=105475850&amp;force_embed=1&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=1&amp;color=5aedd0&amp;fullscreen=1&amp;autoplay=0&amp;loop=0" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="500" height="281"></embed></object>
                <!--<iframe width="560" height="315" src="//youtube.com/embed/pFDT1I3nCdA?rel=0" frameborder="0" allowfullscreen></iframe>-->
                <!--<iframe width="220" src="#:VideoUrl#"/>-->
            </div>
        </div>
    </script>
</div>
